<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />

	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>首页</title>
	<link rel="stylesheet" href="css/index.css">
	<link rel="stylesheet" href="css/swiper.css">
</head>

<body>
	<div class="top">
		<div class="main">
			<img src="img/logo.webp" alt="">
			<h1>我眼中的日照</h1>

			<div class="time">
				<script type="text/javascript">
					var date = new Date();
					document.write("今天是：" + date.getFullYear() + "年" + (date.getMonth() + 1) + "月" + date.getDate() + "日");
				</script>
			</div>
		</div>
	</div>

	<div class="head">

		<div class="main">
			<ul>
				<li><a class="select" href="index.html">首页</a></li>
				<li><a href="introduce.html">简介</a></li>
				<li><a href="route.html">必去景点</a></li>
				<li><a href="food.html">特色小吃</a></li>
				<li><a href="article.html">文化人情特色</a></li>
				<li><a href="about.html">联系我们</a></li>
				<div class="clear"></div>
			</ul>
		</div>

		<div class="main1">
			<img id="zz" src="./img/menu.png" alt="">
			<ul id="zz1">
				<li><a class="select" href="index.html">首页</a></li>
				<li><a href="introduce.html">简介</a></li>
				<li><a href="route.html">必去景点</a></li>
				<li><a href="food.html">特色小吃</a></li>
				<li><a href="article.html">文化人情特色</a></li>
				<li><a href="about.html">联系我们</a></li>
				<div class="clear"></div>
			</ul>
		</div>

		<div class="lunbo">
			<div class="swiper-container" style="width:100%; height: 100%;">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="img/banner.jpeg" alt="">
					</div>
					<div class="swiper-slide">
						<img src="img/banner1.jpg" alt="">
					</div>
					<div class="swiper-slide">
						<img src="img/banner2.jpg" alt="">
					</div>
				</div>
				<!-- Add Arrows -->
				<div class="swiper-button-next"></div>
				<div class="swiper-button-prev"></div>
				<!-- Add Pagination -->
				<div class="swiper-pagination"></div>
			</div>
		</div>


		<div class="box">

			<div class="content">
				<div class="row">
					<div class="content_title">
						<h2>日照简介</h2>
					</div>

					<div class="text">
						<img src="img/1.jpg" width="300" alt="" style="float: right; margin-left: 20px;">
						<p>
							<span style="font-weight: 600; font-size:20px">日照 </span>
						</p>
						<p>
							日照市，山东省辖地级市，位于山东省东南部黄海之滨，东隔黄海与日本、韩国相望，西靠临沂市，北接青岛市、潍坊市，南临连云港市，地势中部高四周低，略向东南倾斜，属暖温带半湿润季风区温带季风气候，
							总面积5374.90平方千米。 [2]截至2022年10月，全市辖2个区、2个县。 [4]截至2022年末，日照市常住人口296.83万人。
						</p>
						<p>
							日照，周为莒地，秦属琅琊郡，西汉置海曲县，三国魏时属城阳郡并于莒，北魏置梁乡县。金大定二十四年（1184年）始设日照县，属益都府莒州；1985年3月，撤县设市（县级）；1989年6月，升格为地级市（筒子市）。
							1992年12月，设区带县，辖东港区、莒县、五莲县，2004年9月，设立日照市岚山区。
						</p>
						<p>
							日照市因“日出初光先照”而得名，夏商时期属东夷，是“龙山文化”的发祥地之一。宋设日照镇，始有“日照”之名。1989年6月，建地级市。是中国滨海生态、宜居、旅游、现代化港口城市和临港产业基地 [1]，也是山东半岛城市群、
							山东半岛蓝色经济区、胶东经济圈的组成部分。有石臼湾、佛手湾两大天然港湾与日照港、岚山港组成的港群，被誉为“水上运动之都”与“东方太阳城”。因环境优良获得联合国人居奖。
						</p>
						<p>
							日照有姜尚、刘勰、丁肇中等历史名人 [24]。评获全国文明城市、国家森林城市、国家环保重点城市、国家生态示范区建设试点市等称号。2020年10月20日，被评为全国双拥模范城（县）。
						</p>
					</div>
					<div class=" clear"></div>
				</div>

				<div class="row" style="margin-top: 100px;">
					<div class="content_title">
						<h2>四个不得不去的地方</h2>
					</div>

					<div class="info1">
						<img src="img/df1.jpeg" alt="">
						<div class="text">
							<h2>万平口赶海园</h2>
							<p>
								万平口海滨风景区有五公里长的宽阔沙滩，地势平整，海水清澈，可以与家人一起玩沙，赤脚踩踩水，还可以躺在沙滩上晒太阳享受惬意。
								景区还是赏日出的绝佳之地，夜景也十分迷人，摄影爱好者们一定不容错过。潮汐塔是景区的标志性建筑，登上塔顶不但可以俯视整个景区，还可以远眺大海。
								景区海浪比较大，适合玩水上项目，海边可以坐快艇、玩冲浪，还有皮筏艇等活动，
								游完泳也可以冲澡，虽是避暑圣地，但来海边玩是也要做好防晒准备。	
								
							</p>
						</div>
						<div class="clear"></div>
					</div>
					<div class="info1">
						<img src="img/df2.jpeg" alt="">
						<div class="text">
							<h2>日照海滨国家森林公园</h2>
							<p>
								海滨国家森林公园称得上是日照最好的沙滩。公园内有景色宜人的森林与湿地，您可以漫步于海边森林，呼吸纯净空气，或是去沙滩上享受阳光和海风，
								还可以找家餐馆品尝美味海鲜。而晚上则可以住在公园里的宾馆，等待次日去海边欣赏美丽日出。
							</p>
						</div>
						<div class="clear"></div>
					</div>
					<div class="info1">
						<img src="img/df3.jpeg" alt="">
						<div class="text">
							<h2>五莲山风景区</h2>
							<p>
								五莲山风景区是国家AAAA级旅游风景区、国家森林公园、中国生态旅游试验示范基地。其总面积13平方公里，坐落于鲁东南黄海之滨，
								五莲县城东南17.5公里处。西与著名的九仙山风景区隔壑相望，主峰五莲峰海拔515.7米。全山28峰，有峰、石、涧、泉和殿、阁、楼、亭共有景点118处。
								以奇、秀、险、怪、幽、奥、旷七大特色而著称。

							</p>
						</div>
						<div class="clear"></div>
					</div>
					<div class="info1">
						<img src="img/df4.jpeg" alt="">
						<div class="text">
							<h2>九仙山风景区</h2>
							<p>
								九仙山景区为五莲山旅游风景区的一部分，景区内奇峰林立，有许多石窟幽洞，这些洞天福地很多都藏在烟雨涧下的水帘洞。
								景区内有大面积的是齐鲁最大的野生药库。据说九仙山上蚊子不叮人、棘子不长倒钩、蛤蟆不会叫，有兴趣的游客可以亲自去体验一番这份神奇。
							</p>
						</div>
						<div class="clear"></div>
					</div>

					<a href="route.html" class="more">查看更多...</a>

				</div>


				<div class="row" style="margin-top: 100px;">
					<div class="content_title">
						<h2>特色小吃</h2>
					</div>

					<div class="list">
						<div class="list_info" style="margin-left: 10px;">
							<img src="img/ms1.jpg" alt="">
							<h4>日照大竹蛏</h4>
							<p>
								大竹蛏在我国是一种具有地理标志地农产品，因其体积大、壳薄、肉质鲜嫩、营养丰富而成为上乘海产品，
                是山东省日照市海产品四宝之一。
							</p>
						</div>
						<div class="list_info">
							<img src="img/ms2.jpg" alt="">
							<h4>日照煎饼</h4>
							<p>
								日照煎饼是当地知名地小吃，在全国享有很高地声誉。同时，煎饼也是日照家庭地一种常见食物，其色微黄，味软，味甘。
                在日照，吃煎饼地常见方法是卷葱，或豆腐和胡椒。
							</p>
						</div>
						<div class="list_info">
							<img src="img/ms3.jpg" alt="">
							<h4>小豆腐</h4>
							<p>
								小豆腐是日照近年来流行地一道菜，又称蔗渣、炖磨坊。
								将磨碎地豆腐糊放入锅中煮沸，加入切好地时令蔬菜或日照特产海鲜，搅拌均匀，一大锅香喷喷地小豆腐即成。
							</p>
						</div>
						<div class="list_info" style="margin-right: 0;">
							<img src="img/ms4.jpg" alt="">
							<h4>西施舌 </h4>
							<p>
								西施舌是日照海域珍贵地海蛤，其壳形优美，斧足形扁如舌，白如玉，所以它被人们称为“西施舌”。。
							</p>
						</div>
						<div class="clear"></div>
					</div>

				</div>


				<div class="row" style="margin-top: 100px;">
					<div class="content_title">
						<h2>名片</h2>
					</div>

					<div class="xinfeng">
						<img src="img/xf.jpg" alt="">
						<div class="xinfeng_text">
							<h3>邀请函</h3>
							<p>
								你好，欢迎来到日照！
								

							</p>
							<p>
								你可以找到一万个来日照的理由！
							</p>
							<p>感谢你打开这封来自日照的邀请函！</p>
						</div>
					</div>

				</div>
			</div>

		</div>

		<div class="footer">
			<p>版权属于&copy; 我的家乡-日照 | 2023</p>
		</div>

</body>

<script src="js/swiper.js"></script>
<script>
	// 轮播
	var swiper = new Swiper('.swiper-container', {
		loop: true,
		effect: 'fade',
		autoplay: {
			delay: 5000, //3秒切换一次
			disableOnInteraction: false,
		},
		navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		},
		pagination: {
			el: '.swiper-pagination',
			clickable: true,
		},
	});

	// 欢迎信息
	// alert('欢迎你来到“我的故乡——日照”网站')
</script>

</html>
<script src="./js/index.js"></script>